<!-- 今日任务列表 -->
<template>
  <div class="todayList">
    <collapse v-for="(item_o, index_o) in assort"
      :key="index_o">
      <div class="outer_title"
        slot="title">共有{{assortCount[index_o]}}个{{item_o}}</div>
      <mt-cell :class="{outer:true, over:item_i.status>2}"
        slot="content"
        v-for="(item_i, index_i) in modelData.data"
        :key="index_i"
        v-if="item_i.status===index_o||
        (item_i.status>2&&index_o===assort.length-1)">
        <div class="inner_l">
          <h4>{{item_i.title}}
            <mt-badge size="small"
              type="error"
              v-if="item_i.effect">{{effect}}</mt-badge>
          </h4>
          <span>
            <i class="fa fa-map-marker" aria-hidden="true"></i>
            {{item_i.station}}
          </span>
          <span>
            <i class="fa fa-user" aria-hidden="true"></i>
            {{duty[item_i.duty]}}
          </span>
          <span>
            <i class="fa fa-tag" aria-hidden="true"></i>
            {{item_i.station}}
          </span>
        </div>
        <div class="inner_r">
          <p :class="{expired: item_i.expired}"
            v-if="item_i.status<3">
            <i class="fa fa-clock-o" aria-hidden="true"></i>
            {{item_i.expired?expired:item_i.time}}
          </p>
          <p :style="$globaldata.statusColor[item_i.status]">{{statusList[item_i.status]}}</p>
        </div>
      </mt-cell>
    </collapse>
    <bottomLine></bottomLine>
  </div>
</template>
<style lang="less" src="./index.less"></style>
<script src="./index.js"></script>